﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="Keywords" content="#">
    <meta name="Description" content="#">
    <title>@ViewBag.userName 健康监测 </title>
    <script type="text/javascript" src="/js/echarts.min.js"></script>
</head>
<body>
      <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 100%;height:400px;"></div>

     <div id="main2" style="width: 100%;height:400px;"></div>

    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '心跳数据统计'
            },
            tooltip: {},
            legend: {
                data: ['心跳']
            },
            xAxis: {
                data: [@{var i =0;
              foreach(var item in ViewBag.arrXStrList as IList<string>)
                {
                      if(i==ViewBag.arrXStrList.Count-1)
                      {
                        <text>"@(item)"</text>  
                      }
                      else{
                       <text>"@(item)",</text>  
                       }
                       i =i+1;
        }}]
            },
            yAxis: {},
            series: [{
                name: '每分钟次数',
                type: 'line',
                data: [
              @{var j =0;
              foreach(var item in ViewBag.arrYIntList as IList<int>)
                {
                      if(j==ViewBag.arrYIntList.Count-1)
                      {
                        <text>@(item)</text>  
                      }
                      else{
                       <text>@(item),</text>  
                       }
                       j =j+1;
        }}
                ]
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);




                // 基于准备好的dom，初始化echarts实例
        var myChart2 = echarts.init(document.getElementById('main2'));



             // 指定图表的配置项和数据
        var option2 = {
            title: {
                text: '体温数据统计'
            },
            tooltip: {},
            legend: {
                data: ['体温']
            },
            xAxis: {
                data: [@{var m =0;
              foreach(var item in ViewBag.arrXStrList2 as IList<string>)
                {
                      if(m==ViewBag.arrXStrList2.Count-1)
                      {
                        <text>"@(item)"</text>  
                      }
                      else{
                       <text>"@(item)",</text>  
                       }
                       m =m+1;
        }}]
            },
            yAxis: {},
            series: [{
                name: '每分钟次数',
                type: 'line',
                data: [
              @{var n =0;
              foreach(var item in ViewBag.arrYIntList2 as IList<int>)
                {
                      if(j==ViewBag.arrYIntList2.Count-1)
                      {
                        <text>@(item)</text>  
                      }
                      else{
                       <text>@(item),</text>  
                       }
                       n=n+1;
        }}
                ]
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart2.setOption(option2);






       // 使用刚指定的配置项和数据显示图表。
        myCharttwo.setOption(optiontwo);
      // 浏览器窗口大小变化，图标自适应
      window.addEventListener('resize', () => {
        myCharttwo.resize()
      })






    </script>
</body>
</html>






